﻿@model Comisiones.Models.Transaccion

@{
    ViewBag.Title = "Create";
}

<h2>Create</h2>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>


@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>Transaccion</legend>
       @* @Html.HiddenFor(model =>model.ttx_idTipo, new { id = "idtipo"})*@

        <div class="editor-label">
            @Html.LabelFor(model => model.gtx_idGrupo, "Grupo Transaccion")
        </div>
        <div class="editor-field">
            @Html.DropDownList("gtx_idGrupo", "-seleccione-")
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.ttx_idTipo, "Tipo Transaccion")
        </div>
        <div class="editor-field">
            @Html.DropDownList("ttx_idTipo", "-seleccione-")
        </div>


        <div class="editor-label">
            @Html.LabelFor(model => model.txn_nombre)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.txn_nombre)
            @Html.ValidationMessageFor(model => model.txn_nombre)
        </div>

        <p>
            <input type="submit" value="Create" />
        </p>
    </fieldset>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

<script type="text/javascript">
    $('#gtx_idGrupo').change(function () {
        var grupoSeleccionado = $(this).val();
        $.getJSON('@Url.Action("tiposTransaccion")', { grupo: grupoSeleccionado }, function (tiposTransaccion) {
            var tipoSeleccionada = $('#ttx_idTipo');
            tipoSeleccionada.empty();
            $.each(tiposTransaccion, function (index, tips) {
                tipoSeleccionada.append($('<option/>', {
                    value: tips.ttx_idTipo,
                    text: tips.ttx_nombre
                }));
            });
        });
    });
</script>

